
<!DOCTYPE html>
<html lang="en">
<head>
    <!--#include file="pages/ssi/head.html"-->
    <meta name="keywords" content="在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,sql工具,正则测试工具,favicon在线制作,字帖工具,二维码">
    <meta name="description" content="在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,sql工具,正则测试工具,favicon在线制作,字帖工具,,二维码">
    <title>在线工具-打工人的工具箱</title>
    <!--#include file="pages/ssi/link.html"-->
</head>
<body>
    <!--#include file="pages/ssi/nav.html"-->

    <section class="container">
        <div class="btn-toolbar nav-tabbar" id="nav-tabbar"></div>
    </section>
    <div class="index-line"></div>
    <section class="container index-cards-wrapper">
        <ul class="row index-cards" id="index-cards">
            <li class="col-md-3 item" id="maobi-1" data-toolname="maobi" data-toolclass="2">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-maobi.png" class="item-logo">
                        <div class="item-title">
                            <a href="maobi" class="item-h4 tool-link">在线毛笔字生成工具</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线生成毛笔字，可导出svg格式下载。避免字体的版权纠纷。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="maobi" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="ico-2" data-toolname="ico" data-toolclass="5">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-ico.png" class="item-logo">
                        <div class="item-title">
                            <a href="ico" class="item-h4 tool-link">网站图标ICO生成</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">ico图标在线制作, 所有图片转ico,从此生成图标不求人。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="ico" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="markdown-3" data-toolname="markdown" data-toolclass="7">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-markdown.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/markdown/" class="item-h4 tool-link">MarkDown在线编辑</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">MarkDown在线编辑，可下载，可生成HTML格式,瞬间出稿！</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/markdown/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="xinapi-4" data-toolname="xinapi" data-toolclass="4">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-xin.png" class="item-logo">
                        <div class="item-title">
                            <a href="xin-api" class="item-h4 tool-link">某文章api接口</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">某网站文章api接口，使用反向代理即可请求，不可用于商业用途！</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="xin-api" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="img2base64-5" data-toolname="img2base64" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-img2base64.png" class="item-logo">
                        <div class="item-title">
                            <a href="img2base64" class="item-h4 tool-link">图片转换base64</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线以及本地图片转换为base64格式，并提供公开的接口。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="img2base64" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="qrcode-6" data-toolname="qrcode" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-qrcode.png" class="item-logo">
                        <div class="item-title">
                            <a href="qrcode" class="item-h4 tool-link">二维码生成器</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">将有效网址生成二维码图片，并提供使用的接口，适用于开发及宣传。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="qrcode" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="timestamp-7" data-toolname="timestamp" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-timestamp.png" class="item-logo">
                        <div class="item-title">
                            <a href="timestamp" class="item-h4 tool-link">时间戳转换</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">将指定（或者当前）的时间戳与可读的日期格式进行互相转换。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="timestamp" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="placehold-8" data-toolname="placehold" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-placehold.png" class="item-logo">
                        <div class="item-title">
                            <a href="placehold" class="item-h4 tool-link">占位图片</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">动态生成占位图图片，不再为查找效果图而发愁。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="placehold" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="zhengze-9" data-toolname="zhengze" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-zhengze.png" class="item-logo">
                        <div class="item-title">
                            <a href="zhengze" class="item-h4 tool-link">正则表达式在线测试</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线测试正则表达式，非JS搜索的模式暂不支持。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="zhengze" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="colorcard-10" data-toolname="colorcard" data-toolclass="2">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-colorcard.png" class="item-logo">
                        <div class="item-title">
                            <a href="color-card" class="item-h4 tool-link">在线色卡选择器</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线色卡，帮助您完成配色方案，在线尝试您喜欢的各种色系。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="color-card" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="colorchina-11" data-toolname="colorchina" data-toolclass="2">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-colorchina.png" class="item-logo">
                        <div class="item-title">
                            <a href="color-china" class="item-h4 tool-link">中国传统色值参考</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">网页配色、设计师配色的实用网页配色工具（中国传统配色）</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="color-china" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="colorjapan-12" data-toolname="colorjapan" data-toolclass="2">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-colorjapan.png" class="item-logo">
                        <div class="item-title">
                            <a href="color-japan" class="item-h4 tool-link">日本传统色值参考</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">网页配色、设计师配色的实用网页配色工具（日本传统配色）</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="color-japan" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="colorchina-test-13" data-toolname="colorchina_test" data-toolclass="2">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-colorchina-test.png" class="item-logo">
                        <div class="item-title">
                            <a href="color-china-test" class="item-h4 tool-link">中国色彩效果预览</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">中国传统色彩色彩背景效果实时预览，测试。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="color-china-test" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="json1-14" data-toolname="json_one" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-json1.png" class="item-logo">
                        <div class="item-title">
                            <a href="json1" class="item-h4 tool-link">JSON格式化①</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">JSON字符串在线格式化、高亮、美化，控制缩进距离。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="json1" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="json1-15" data-toolname="json_two" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-json2.png" class="item-logo">
                        <div class="item-title">
                            <a href="json2" class="item-h4 tool-link">JSON校验格式化②</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线对JSON格式的字符串进行校验、格式化以及下载等操作。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="json2" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="less2css-16" data-toolname="less2css" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-less2css.png" class="item-logo">
                        <div class="item-title">
                            <a href="less2css" class="item-h4 tool-link">Less2Css转换</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线对Less样式进行转换，编译为标准CSS格式。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="less2css" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="css2many-17" data-toolname="css2many" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-css2many.png" class="item-logo">
                        <div class="item-title">
                            <a href="css2many" class="item-h4 tool-link">css转化其他格式</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线将CSS转换为Less/Sass/Stylus格式。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="css2many" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="css-format-18" data-toolname="css_format" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-css-format.png" class="item-logo">
                        <div class="item-title">
                            <a href="css-format" class="item-h4 tool-link">CSS压缩和格式化</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线对CSS代码进行压缩、美化和净化，让CSS更加美观。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="css-format" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="triangle-19" data-toolname="triangle" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-triangle.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/triangle/" class="item-h4 tool-link">三角形样式生成</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">使用纯CSS生成各个角度的三角形样式，给你的样式开发加速。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/triangle/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="runcode-20" data-toolname="runcode" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-runcode.png" class="item-logo">
                        <div class="item-title">
                            <a href="runcode" class="item-h4 tool-link">在线代码运行</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线运行php,c,c++,go,python,java等代码。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="runcode" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="html-js-format-21" data-toolname="html_js_format" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-htmlformat.png" class="item-logo">
                        <div class="item-title">
                            <a href="html-js-format" class="item-h4 tool-link">HTML/JS格式化</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">支持JS和HTML代码的格式化、美化、压缩、加密等。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="html-js-format" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="thumb-22" data-toolname="thumb" data-toolclass="4">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-thumb.jpg" class="item-logo">
                        <div class="item-title">
                            <a href="thumb" class="item-h4 tool-link">生成等比缩略图</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">支持jpg、png、gif格式的图片生成指定尺寸的等比缩略图。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="thumb" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="jinyinke-23" data-toolname="jinyinke" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-jinyinke.jpg" class="item-logo">
                        <div class="item-title">
                            <a href="jinyinke" class="item-h4 tool-link">金印客页面转pdf</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">可以将金印客图集页面中的图片获取到，转为可以打印的pdf格式。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="jinyinke" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="del-zhushi-24" data-toolname="del_zhushi" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-delete-zhushi.png" class="item-logo">
                        <div class="item-title">
                            <a href="del-zhushi" class="item-h4 tool-link">去除注释</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">可以删除PHP/JS代码中的注释和空行，不支持#注释。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="del-zhushi" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="html-encode-25" data-toolname="html_encode" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-html-encode.png" class="item-logo">
                        <div class="item-title">
                            <a href="html-encode" class="item-h4 tool-link">HTML转字符串实体</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">可将HTML转换为字符串实体，或者将实体转换为HTML。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="html-encode" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="fuhao-26" data-toolname="fuhao" data-toolclass="6">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-fuhao.png" class="item-logo">
                        <div class="item-title">
                            <a href="fuhao" class="item-h4 tool-link">特殊符号汇总</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">特殊符号集合中心，包含了代表不同类别的各种符号。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="fuhao" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="unicode-27" data-toolname="unicode" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-unicode.png" class="item-logo">
                        <div class="item-title">
                            <a href="unicode" class="item-h4 tool-link">Unicode编码转换</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">为您提供ASCII或中文与Unicode进行互相的转换。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="unicode" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="urldecode-28" data-toolname="urldecode" data-toolclass="5">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-urldecode.png" class="item-logo">
                        <div class="item-title">
                            <a href="urldecode" class="item-h4 tool-link">URL编码解码</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">可以对已经编码的URL解码为正常的链接，让中文正常显示。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="urldecode" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="video2gif-29" data-toolname="video2gif" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-video2gif.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/video2gif/" class="item-h4 tool-link">视频截取GIF</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">可以将本地视频截取gif片段，并且还可以自定义字幕哦。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/video2gif/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="m3u8" data-toolname="m3u8" data-toolclass="5">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-m3u8.jpg" class="item-logo">
                        <div class="item-title">
                            <a href="m3u8/" class="item-h4 tool-link">m3u8播放器</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">可以播放m3u8格式的视频流，在线查看视频是否可用。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="m3u8/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="lunar2solar" data-toolname="lunar2solar" data-toolclass="5">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-lunar2solar.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/lunar2solar/index.html" class="item-h4 tool-link">公历农历转换器</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线转换、切换公历、农历相互的对应日期。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/lunar2solar/index.html" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="wannianli" data-toolname="wannianli" data-toolclass="5">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-wannianli.jpg" class="item-logo">
                        <div class="item-title">
                            <a href="pages/wannianli/index.html" class="item-h4 tool-link">万年历</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线万年历查询，轻松应对阳历阴历的转换，不错过每一个节日。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/wannianli/index.html" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="easycopy" data-toolname="easycopy" data-toolclass="7">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-easycopy.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/easy-copy/index.html" class="item-h4 tool-link">EasyCopy</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">输入待复制的列表，提供多种方式，依次或者自选复制内容。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/easy-copy/index.html" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="splitimg" data-toolname="splitimg" data-toolclass="5">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-splitimg.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/split-img/index.html" class="item-h4 tool-link">竖幅图片垂直切片</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">可以将竖幅的长图，纵向进行切片，可以自定义切片的个数。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/split-img/index.html" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="xin_adzt" data-toolname="xin_adzt" data-toolclass="5">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-xin.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/split-img/xin-adzt.html" class="item-h4 tool-link">某站广告专题生成器</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">某网站广告专题生成器，个人工具，功能针对性比较强。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/split-img/xin-adzt.html" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="map2d" data-toolname="map2d" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-map2d.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/map2D/" class="item-h4 tool-link">2D地图</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">可以查询要搜索位置的经纬度坐标，实现精准查找，精准定位。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/map2D/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="mind-map" data-toolname="mind_map" data-toolclass="2">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-mindmap.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/mind-map/" class="item-h4 tool-link">Easy思维导图</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">简单的思维导图工具，帮助您快速整理思路。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/mind-map/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="coderun" data-toolname="coderun" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-coderun.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/code-run-online/" class="item-h4 tool-link">JS在线运行</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线运行JS/CSS/HTML代码，查看运行效果，及时纠偏。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/code-run-online/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="todolist" data-toolname="todolist" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-todolist.jpg" class="item-logo">
                        <div class="item-title">
                            <a href="pages/todo-list/" class="item-h4 tool-link">TodoList任务列表</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">本地浏览器实现记录您的待办事项，是助您提高工作效率的利器。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/todo-list/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="clippath" data-toolname="clippath" data-toolclass="1">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-clippath.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/clip-path-css/" class="item-h4 tool-link">clip-path在线生成</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线动态调整图片剪裁，生成特种形状的图片和图标。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/clip-path-css/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="easydraw" data-toolname="easydraw" data-toolclass="2">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-easydraw.jpg" class="item-logo">
                        <div class="item-title">
                            <a href="pages/easy-draw/" class="item-h4 tool-link">Easydraw快速画板</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线快速简单的作画，轻量级的图片画板，快画块得。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/easy-draw/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

            <li class="col-md-3 item" id="JS_Formatter" data-toolname="JS_Formatter" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-jsformatter.png" class="item-logo">
                        <div class="item-title">
                            <a href="pages/js-formater/" class="item-h4 tool-link">JS-Formater</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线对JS代码进行格式化、JS代码美化工具。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/js-formater/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="easy_ocr" data-toolname="easy_ocr" data-toolclass="5">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-easyocr.png" class="item-logo">
                        <div class="item-title">
                            <a href="easy-ocr-en" class="item-h4 tool-link">Easy-ocr</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线实现简单的OCR功能，目前只支持英文的识别。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="easy-ocr-en" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>
            <li class="col-md-3 item" id="image-editor" data-toolname="image_editor" data-toolclass="3">
                <dl class="item-inner">
                    <dt class="item-dt">
                        <img src="img/icon-imageeditor.jpg" class="item-logo">
                        <div class="item-title">
                            <a href="pages/image-editor/" class="item-h4 tool-link">在线PS</a>
                            <span class="cls">所属类别：<b class="label-name"></b></span>
                        </div>
                    </dt>
                    <dd class="item-dd">
                        <p class="item-desc">在线简易PS工具，可以实现修改后下载以及导出base64格式。</p>
                        <div class="item-go">
                            <p class="item-copy">复制该工具地址</p>
                            <a href="pages/image-editor/" class="item-link tool-link">
                                进入
                                <i class="icon fa fa-chevron-circle-right fa-fw"></i>
                            </a>
                        </div>
                    </dd>
                </dl>
            </li>

        </ul>

        <div class="alert alert-warning index-alert" role="alert" id="alert">
            抱歉，当前类别下空空如也，请看看其他分类吧！
        </div>
    </section>

    <section class="search-result" id="search-result">
        <img src="img/search-result-btn.png">
    </section>

    <!--#include file="pages/ssi/footer.html"-->
    <script>
        var pageInfo = {
            toolLogo: '',
            toolName: document.title
        }
    </script>
    <!--#include file="pages/ssi/script.html"-->
    <script src="js/index.js"></script>
    <!-- <script src="/tool/js/index.js"></script> -->
</body>
</html>